<template>
	<view class="content">

		<!-- 顶部滚动幻灯 -->
		<view class="uni-margin-wrap top-slider">
			<swiper class="swiper" circular :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval"
				:duration="duration">
				<swiper-item>
					<view class="swiper-item">
						<image src="../../static/temp-photo-02.png" mode="widthFix"></image>
					</view>
				</swiper-item>
				<swiper-item>
					<view class="swiper-item">
						<image src="../../static/temp-photo.jpg" mode="widthFix"></image>
					</view>
				</swiper-item>
				<swiper-item>
					<view class="swiper-item">
						<!-- <image src="../../static/04.png" mode="widthFix"></image> -->
					</view>
				</swiper-item>
			</swiper>
			<view class="wiper-item-info">
				<view class="item-number"><text class="current-number">1</text>/100</view>
			</view>
		</view>
		<!-- 商品头部信息 -->
		<view class="item-detail-header">
			<view class="item-detail-name">灰灰有品金属扇形雪茄剪（金色）灰灰有品金属扇形雪茄剪（金色）</view>
			<view class="item-detail-list">
				<view class="detail-item">
					<view class="detail-item-title">需要灰豆：</view>
					<view class="detail-item-content">
						<icon type="" class="imgIcon icon-bean"></icon>
						<text class="bean-number">1.2w</text>
					</view>
				</view>
				<view class="detail-item">
					<view class="detail-item-title">我的灰豆：</view>
					<view class="detail-item-content">
						<icon type="" class="imgIcon icon-bean"></icon>
						<text class="bean-number">1.2w</text>
					</view>
				</view>
				<view class="detail-item">
					<view class="detail-item-title">产地：</view>
					<view class="detail-item-content">西安</view>
				</view>
				<view class="detail-item">

				</view>
				<view class="detail-item">
					<view class="detail-item-title">库存：</view>
					<view class="detail-item-content">0</view>
				</view>
				<view class="detail-item">
					<view class="detail-item-title">已购：</view>
					<view class="detail-item-content">8</view>
				</view>
			</view>
		</view>
		<!-- 商品信息详情 -->
		<view class="item-detail-content">
			<text class="content-title">商品介绍</text>
			雪茄（英文：Cigar）是一种烟草制品，由干燥及经过发酵的烟草卷制而成，吸食时把其中一端点燃，然后在另一端用口吸咄，产生烟雾。
			雪茄的烟草的主要生产国是巴西、喀麦隆、古巴、多米尼加共和国、洪都拉斯、印尼、墨西哥、尼加拉瓜和美国以及中国、东南亚。
			<image @click="testReq" src="../../static/temp-photo.jpg" mode="widthFix" class="full-img"></image>
			<image @click="testReq" src="../../static/temp-photo.jpg" mode="widthFix" class="full-img"></image>
			<image @click="testReq" src="../../static/temp-photo.jpg" mode="widthFix" class="full-img"></image>
		</view>
		<!-- 浮动底栏位置补偿 -->
		<view class="filler-block"></view>
		<!-- 底栏 -->
		<view class="footBar foot-menu-content">
			<!-- 竖排按钮组 -->
			<view class="buttons-content-row">
				<button class="full-btn btn-important">立即兑换</button>
				<button class="full-btn btn-disable">已售罄</button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
	    data() {
	        return {
	            background: ['color1', 'color2', 'color3'],
	            indicatorDots: false,
	            autoplay: true,
	            interval: 2000,
	            duration: 500
	        }
	    },
	    methods: {
	        changeIndicatorDots(e) {
	            this.indicatorDots = !this.indicatorDots
	        },
	        changeAutoplay(e) {
	            this.autoplay = !this.autoplay
	        },
	        intervalChange(e) {
	            this.interval = e.target.value
	        },
	        durationChange(e) {
	            this.duration = e.target.value
	        }
	    }
	}
</script>

<style>

</style>
